<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:gp="http://java.sun.com/jsf/composite/gpymes"
                template="/util/plantilla.xhtml"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="titulo">
        Nuevo Cliente
    </ui:define>

    <ui:define name="cuerpo">
        <h:panelGroup rendered="#{autorizador.hayPermiso('CreaCliente')}">


            <h:form>

                <p:panel header="Datos Básicos" toggleable="false" collapsed="false">

                    <h:outputText value="Documento"/>
                    <p:separator/>

                    <p:panelGrid columns="5">
                        <h:outputText value="Tipo Doc."/>
                        <h:selectOneMenu value="#{clienteBean.actual.tipoDocumento}">
                            <f:selectItems value="#{productorEnums.obtTiposDoc()}"/>
                        </h:selectOneMenu>
                        <p:spacer width="20" height="0"/>

                        <p:outputLabel value="# documento" for="nrodoc" id="lblnrodoc"/>
                        <p:inputText value="#{clienteBean.actual.nroDocumento}" 
                                     id="nrodoc" validator="#{validadorCedula.validateCedula}" validatorMessage="El documento ya existe!"
                                     required="true">
                            <p:ajax event="blur" update="nrodoc lblnrodoc @(.mensajes)" process="nrodoc"/>
                        </p:inputText>


                        <h:outputText value="Vigencia Documento"/>
                        <p:calendar locale="#{formato.locale}" pattern="dd/MM/yyyy"/>
                        <p:spacer width="20" height="0"/>


                        <h:outputText value="Pais"/>

                        <p:selectOneMenu value="#{clienteBean.actual.pais}">
                            <f:selectItems value="#{paisBean.itemsAvailableSelectOne}"/>
                        </p:selectOneMenu>
                    </p:panelGrid>

                    <h:panelGrid columns="1" width="100%">
                        <p:spacer height="5" width="0"/>
                        <h:outputText value="Persona"/>
                        <p:separator/>
                    </h:panelGrid>


                    <p:panelGrid columns="6">
                        <p:outputLabel value="Primer Nombre" for="primerNombre" id="lblprimerNombre"/>
                        <p:inputText value="#{clienteBean.actual.primerNombre}" required="true" id="primerNombre">
                            <p:ajax event="blur" update="primerNombre lblprimerNombre @(.mensajes)"/>
                        </p:inputText>
                        <p:outputLabel value="Segun Nombre" for="segundoNombre" id="lblsegundoNombre"/>
                        <p:inputText value="#{clienteBean.actual.segundoNombre}"  id="segundoNombre">
                            <p:ajax event="blur" update="segundoNombre lblsegundoNombre @(.mensajes)"/>
                        </p:inputText>
                        <p:spacer width="20" height="0"/>
                        <p:spacer width="20" height="0"/>

                        <p:outputLabel value="Primer Apellido" for="primerApellido" id="lblprimerApellido"/>            
                        <p:inputText value="#{clienteBean.actual.primerApellido}" required="true" id="primerApellido">
                            <p:ajax event="blur" update="primerApellido lblprimerApellido @(.mensajes)"/>
                        </p:inputText>
                        <p:outputLabel value="Segundo Apellido" for="segundoApellido" id="lblsegundoApellido"/>
                        <p:inputText value="#{clienteBean.actual.segundoApellido}"  id="segundoApellido">
                            <p:ajax event="blur" update="segundoApellido lblsegundoApellido @(.mensajes)"/>
                        </p:inputText>
                        <p:outputLabel value="Nacionalidad" for="nacionalidad"/>
                        <p:selectOneMenu value="#{clienteBean.actual.nacionalidad}" id="nacionalidad">
                            <f:selectItems value="#{nacionalidadBean.itemsAvailableSelectOne}"/>
                        </p:selectOneMenu>


                        <p:outputLabel value="Sexo" for="sexo"/>
                        <h:selectOneMenu value="#{clienteBean.actual.sexo}" id="sexo">
                            <f:selectItems value="#{productorEnums.obtSexo()}"/>
                        </h:selectOneMenu>


                        <p:outputLabel value="Estado Civil" for="estadocivil"/>
                        <h:selectOneMenu value="#{clienteBean.actual.estadoCivil}" id="estadocivil">
                            <f:selectItems value="#{productorEnums.obtEstadosCivil()}"/>
                        </h:selectOneMenu>


                        <p:outputLabel value="Fecha Nac" for="fechaNacimiento"/>
                        <p:calendar value="#{clienteBean.actual.fechaNac}" id="fechaNacimiento" required="true"
                                    locale="#{formato.locale}" pattern="dd/MM/yyyy"/>
                    </p:panelGrid>


                </p:panel>


                <p:tabView>
                    <p:tab title="Direcciones">
                        <gp:direccion/>
                    </p:tab>

                    <p:tab title="Teléfonos de Contacto">
                        <gp:contactotelefonico/>
                    </p:tab>
                    <p:tab title="Laborales">
                        <!--                        <p:commandButton value="Agrega Actividad Laboral" onclick="dialogoNuevaActividad.show()"/>
                        
                                                <p:dialog header="Elección de Localidad" widgetVar="dialogoNuevaActividad" resizable="false" draggable="false"  
                                                          width="800" showEffect="fade" hideEffect="explode" modal="true"
                                                          height="200">  
                                                    <p:panelGrid columns="6">
                                                        <h:outputText value="Tipo Empresa"/>
                                                        <p:selectOneMenu value="">
                                                            <f:selectItems value=""/>
                                                        </p:selectOneMenu>
                                                        <h:outputText value="Empresa"/>
                                                        <p:inputText value=""/>
                                                        <h:outputLabel value="Cargo"/>
                                                        <p:inputText value=""/>
                                                        <h:outputText value="Fecha Ingreso"/>
                                                        <p:calendar/>
                                                        <h:outputText value="Ingresos"/>
                                                        <p:inputText value=""/>
                                                        <h:outputText value="Ciclo Ingreso"/>
                                                        <p:selectOneMenu value="">
                                                            <f:selectItems value=""/>
                                                        </p:selectOneMenu>
                                                        <h:outputText value="Aporte IPS"/>
                                                        <p:selectBooleanCheckbox value=""/>
                                                        <h:outputText value="Estado"/>
                                                        <p:selectOneMenu value="">
                                                            <f:selectItems value=""/>
                                                        </p:selectOneMenu>
                        
                                                    </p:panelGrid>
                        
                                                </p:dialog>
                        
                                                <p:dataGrid>
                        
                                                </p:dataGrid>-->

                    </p:tab>
                    <p:tab title="Referencias">

                    </p:tab>
                </p:tabView>     

                <!--                <p:panel header="Direcciones">
                                    
                                </p:panel>-->





                <h:commandButton value="Crear" action="#{clienteBean.create}"/>

            </h:form>

        </h:panelGroup>
    </ui:define>

</ui:composition>
